<template>
  <v-footer dark height="auto">
    <v-card class="flex" tile>
      <v-card-title class="blue darken-3">
        <span class="subheading">要成功，需要朋友，要取得巨大的成功，需要敌人。</span>
        <v-spacer></v-spacer>
        <v-btn v-for="icon in icons" :key="icon" class="mx-3" dark icon>
          <v-icon size="2rem">{{ icon }}</v-icon>
        </v-btn>
      </v-card-title>
      <v-divider class="blue lighten-1"></v-divider>
      <v-card-actions
        class="justify-center blue darken-3"
      >ALL RIGHTS RESERVED &copy;{{ new Date().getFullYear() }}</v-card-actions>
    </v-card>
  </v-footer>
</template>
<script>
export default {
  data: () => ({
    icons: ['fab fa-github', 'fab fa-qq', 'fab fa-weibo', 'fas fa-envelope']
  })
}
</script>

